<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="c_jstl"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>

<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>联系我们</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

<!-- CSS
  ================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/screen.css">
<link rel="stylesheet" href="css/mediaelementplayer.css" />
<!--[if IE 7]>
        <link rel="stylesheet" href="stylesheets/ie7.css">
    <![endif]-->

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
    href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
    href="images/apple-touch-icon-114x114.png">

<!-- Fonts
    ================================================== -->
<link
    href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic'
    rel='stylesheet' type='text/css'>

<!-- Scripts
    ================================================== -->
<script src="js/jquery-1.7.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>
<script src="js/ddsmoothmenu.js" type="text/javascript"></script>
<script src="js/jquery.cssAnimate.mini.js" type="text/javascript"></script>
<script src="js/jquery.fitvids.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script src="js/screen.js" type="text/javascript"></script>

</head>

<body>

    <!-- Site Backgrounds
    ================================================== -->

    <!-- Change to class="poswrapheaderline wide" and class="headerline full" for a full-width header line -->
    <div class="poswrapheaderline">
        <div class="headerline"></div>
    </div>
    <!-- Remove or uncomment depending on if you want a background image or tile -->
    <div class="tiledbackground"></div>
    <!--img src="images/bg.jpg" alt="" id="background" /-->
    <!-- Change to class="poswrapper wide" and class="whitebackground full" for a full-width site background -->
    <div class="poswrapper">
        <div class="whitebackground"></div>
    </div>

    <div class="container main portfolio4column">

        <!-- Header | Logo, Menu
    ================================================== -->
        <jsp:include page="head.jsp" />

        <!-- Page Title
	================================================== -->

        <div class="pagetitle">
            <div class="pagetitleholder">
                <h1>联系我们</h1>
            </div>
            <div class="socialholder">
                <ul class="socialicons">
                    <c:choose>
                        <c:when test="${!empty user}">
                            <li>Hi!</li>
                            <li><a
                                href="UserInfo?id=${user.getID() }">${user.getID()
                                    }</a></li>
                        </c:when>
                        <c:otherwise>
                            <li><a href="login.jsp" class="linkbg">登陆</a></li>
                            <li><a href="regist.jsp" class="linkbg">注册</a></li>
                        </c:otherwise>
                    </c:choose>
                </ul>
            </div>
        </div>

        <!-- Body Content
    ================================================== -->
        <!-- Google Maps -->
        <div class="mapsholder row">
            <div id="googlemap"></div>
        </div>

        <!-- Content Holder -->
        <div class="sixteen columns row textblock left">

            <!-- Content Holder -->
            <div class="seven columns row alpha">

                <h3>
                    <strong><em>告诉我们您的意见!</em></strong>
                </h3>

                <!-- 2 column -->
                <div class="one_half">
                    <p>
                        <span class="lighti">公司地址</span><br />
                        成都市四川大学江安校区<br /> 7You团队<br /> 610207, 四川, 中国<br />
                        <br /> <span class="lighti">如何联系我们</span><br />
                        Email: <a href="mailto:yangqiang1991@gmail.com">yangqiang1991@gmail.com</a><br />
                        电话: 18782948298<br /> <br /> <span
                            class="lighti">工作时间</span><br /> 周一至周五:
                        09:00 - 18:00<br /> 周六: 10:00 - 15:00
                    </p>
                </div>
                <div class="clear"></div>
            </div>

            <!-- Comment Form -->
            <div class="eight columns row omega offset-by-one">
                <form id="contactform" method="post" action="#">
                    <input type="text" name="name" id="reply_name"
                        class="requiredfield"
                        onFocus="if(this.value == '姓名 *') { this.value = ''; }"
                        onBlur="if(this.value == '') { this.value = '姓名 *'; }"
                        value="姓名 *" /> <input type="text" name="email"
                        id="reply_email" class="requiredfield last"
                        onFocus="if(this.value == '邮箱 *') { this.value = ''; }"
                        onBlur="if(this.value == '') { this.value = '邮箱  *'; }"
                        value="邮箱  *" /> <input type="text"
                        name="address" id="reply_address" class=""
                        onFocus="if(this.value == '地址') { this.value = ''; }"
                        onBlur="if(this.value == '') { this.value = '地址'; }"
                        value="地址" /> <input type="text" name="Phone"
                        id="reply_website" class="last"
                        onFocus="if(this.value == '电话') { this.value = ''; }"
                        onBlur="if(this.value == '') { this.value = '电话'; }"
                        value="电话" />
                    <textarea name="message" id="reply_message"
                        class="requiredfield"
                        onFocus="if(this.value == '消息 *') { this.value = ''; }"
                        onBlur="if(this.value == '') { this.value = '消息 *'; }">消息 *</textarea>
                    <button type="submit" name="send">发送消息</button>
                    <span class="errormessage">错误! 带*号的信息必填.</span> <span
                        class="successmessage">消息发送成功!</span> <span
                        class="sendingmessage">发送中...</span>
                </form>
            </div>

            <div class="clear"></div>
        </div>


        <div class="clear"></div>

        <!-- Bottom Padding Adjust
    ================================================== -->
        <div class="sixteen columns bottomadjust"></div>

    </div>
    <!-- container -->

    <!-- Footer
    ================================================== -->
    <jsp:include page="foot.jsp" />
    <!-- End Document
	================================================== -->
    <div style="display: none">
        <script
            src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
            language='JavaScript' charset='gb2312'></script>
    </div>
    <script type="text/javascript">
        function initGoogleMaps() {
            /* Google Maps Init */
            var myLatlng = new google.maps.LatLng(30.556038,
                    104.000729);
            var myOptions = {
                zoom : 14,
                center : myLatlng,
                popup : true,
                mapTypeId : google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(document
                    .getElementById("googlemap"), myOptions);

            var marker = new google.maps.Marker({
                position : myLatlng,
                map : map,
                title : "Our Office Location"
            });
            google.maps.event.addListener(marker, 'click',
                    function() {
                        map.setZoom(17);
                    });
        }
    </script>
    <script type="text/javascript"
        src="https://maps.google.com/maps/api/js?sensor=false&amp;callback=initGoogleMaps"></script>
    <div style="display: none">
        <script
            src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
            language='JavaScript' charset='gb2312'></script>
    </div>

</body>
</html>